<template>
  <div class="top">
    <p v-for="item in list">{{ item }}</p>
  </div>
</template>

<script>
export default {
  name: 'Breadcrumb',
};
</script>

<script setup>
import { computed } from 'vue';
import { useRouter } from 'vue-router';
const router = useRouter();
// let list = computed(() => {
//   const { matched } = router.currentRoute.value;
//   return matched.filter((item) => item.name && item.meta.title);
// });
const list = ref(['赌场', '运动的', '赛车', '彩票']);
</script>

<style lang="scss" scoped>
.top {
  display: flex;
  margin: 0 auto;
  padding: 0 40px;
  max-width: 1428px;
  justify-content: space-between;
  width: 100%;
}
</style>
